<%--
  Created by IntelliJ IDEA.
  User: ZhuoWen
  Date: 2022/5/6
  Time: 10:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
    <script type="text/javascript" src="static/script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
      $(function () {
        $("#code_img").click(function () {
          //给验证码的图片绑定单击事件
          //在事件响应的function函数当中有一个this对象，这个this对象是当前正在响应事件的dom对象
          //src属性表示img标签的图片路径，可读可写
          this.src="${base}kaptcha.jpg?d="+new Date;//这个事件戳可以使得每次的请求都不同，跳过浏览器的缓存
        })
      });
    </script>
  </head>
  <body>
    <form action="http://localhost:8080/tmp/registServlet" method="get">
      用户名：<input type="text" name="username" ><br>
      验证码：<input type="text" style="width: 80px" name="code">
      <img id="code_img" src="http://localhost:8080/tmp/kaptcha.jpg" style="width: 100px;height: 30px"><br>
      <input type="submit" value="登录">
    </form>
  </body>
</html>
